﻿html,body
{
    height:100%;
}

a:link {text-decoration:none;}    /* unvisited link */
a:visited {text-decoration:none;} /* visited link */
a:hover {text-decoration:underline;}   /* mouse over link */
a:active {text-decoration:underline;}  /* selected link */

p
{
    text-align:justify;
}

img{border:0;text-decoration:none;}

body 
{
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    background-image:url("../Imgs/fondo.png");
}

.page
{
    height:100%;
    min-height: 350px;
	min-width: 1000px;
}

/*Header*/
.header
{
    border-top-style:solid;
    border-top-width:2px;
    border-top-color:#333333;/*#2F3E46;*/
    background:#000000; 
    background:-moz-linear-gradient(top,  #000000 0%, #333333 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#333333)); 
    background:-webkit-linear-gradient(top,  #000000 0%,#333333 100%); 
    background:-o-linear-gradient(top, #000000 0%,#333333 100%); 
    background:-ms-linear-gradient(top, #000000 0%,#333333 100%); 
    background:linear-gradient(top,  #000000 0%,#333333 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 );
    height:187px;
}

.headerTop
{
    width:960px;
    margin:0px auto;
    overflow:hidden;
    height:136px;
}

.logo
{
    float:left;
    width:440px;
    height:136px;
    background-image:url(../Imgs/logo.png);
    background-position:left bottom;
    background-repeat:no-repeat;
}

.headerRight
{
    float:right;
    width:250px;
}

.headerMenu
{
    width:960px;
    margin:0px auto;
    height:46px;
}

.menu
{
    width:960px;
    margin:0px auto;
    height:38px;
    text-shadow: none;
    color: #ffffff;
    border-top:1px solid #E97657;
    -webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
    /*
    background:#E44832;
    background:-moz-linear-gradient(top,  #E44832 0%, #E3422D 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#E44832), color-stop(100%,#E3422D)); 
    background:-webkit-linear-gradient(top,  #E44832 0%,#E3422D 100%); 
    background:-o-linear-gradient(top, #E44832 0%,#E3422D 100%); 
    background:-ms-linear-gradient(top, #E44832 0%,#E3422D 100%); 
    background:linear-gradient(top,  #E44832 0%,#E3422D 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#E44832', endColorstr='#E3422D',GradientType=0 );
    left:0;
    top:0;
    */
}

#menu > ul {list-style:inside none; padding:0; margin:0;} 
#menu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#menu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 40px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#menu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#menu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#menu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#menu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#menu > ul > li.has-sub:hover > a:before{top:19px;}
#menu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#menu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#menu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
#menu ul li > ul, #menu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
#menu ul li > ul{width:200px;} 
#menu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#menu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 
#menu, #cssmenu > ul > li > ul > li a:hover{ background:#D11E00; background:-moz-linear-gradient(top,  #D11E00 0%, #E3422D 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#D11E00), color-stop(100%,#E3422D)); background:-webkit-linear-gradient(top,  #D11E00 0%,#E3422D 100%); background:-o-linear-gradient(top, #D11E00 0%,#E3422D 100%); background:-ms-linear-gradient(top, #D11E00 0%,#E3422D 100%); background:linear-gradient(top,  #D11E00 0%,#E3422D 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#D11E00', endColorstr='#E3422D',GradientType=0 ); } 
#menu > ul > li > a{border-right:1px solid #E97657; color:white;}
#menu > ul > li > a:after{border-color:#C52F1B;} 
#menu > ul > li > a:hover{background:#CE301C;} 

/*Fin Header*/

/*Inicia Main*/
.main
{
    min-height: 350px;
    overflow:hidden;
    padding:20px 0px;
    /*height:80%;*/
}

.mainInterno
{
    min-height: 350px;
    width:960px;
    margin:0px auto;
    height:100%;
}

.mainRight
{
    float:right;
    width:720px;
    min-height: 350px;
    height:100%;
}

.mainLeft
{
    overflow:hidden;
    float:left;
    width:220px;
    min-height:350px;
    height:100%;
    background-color:#F6F6F6;
    -webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-topleft: 8px;
}

.mainLeftContent
{
    min-height: 350px;
    height:100%;
    overflow:hidden;
    padding:20px 20px 10px 20px;
}

.mainRightTop
{
    height:240px;
    margin-bottom:20px;
    position:relative;
}

.ImageSlogan
{
    position:absolute;
    width:720px;
    height:240px;
    top:0px;
    left:0px;
    background-image:url("../Imgs/slogan.png");
    -webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-topleft: 8px;
}

.slogan
{
    position:absolute;
    float:right;
    width:385px;
    height:106px;
    top:26px;
    right:0px;
    background-color:#172932;
    -webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
}

.mainRightIn
{
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	min-height:200px;
	background-color:White;
}

.mainRightMain
{
    overflow:hidden;
    padding:30px 20px 20px 30px;
}

/*Fin Main*/

.clear
{
    clear: both;
}

.footer
{
    overflow:hidden;
    height:19%;
    border-top-color:#333333;/*#2F3E46;*/
    background:#000000; 
    background:-moz-linear-gradient(top,  #000000 0%, #333333 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#333333)); 
    background:-webkit-linear-gradient(top,  #000000 0%,#333333 100%); 
    background:-o-linear-gradient(top, #000000 0%,#333333 100%); 
    background:-ms-linear-gradient(top, #000000 0%,#333333 100%); 
    background:linear-gradient(top,  #000000 0%,#333333 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 );
}

.footerTop
{
    overflow:hidden;
    background-color:#D11E00;
    height:4px;
}

.footerInterno
{
    overflow:hidden;
    width:924px;
    margin:0px auto;
    padding:20px 18px 30px 18px;
    color:#94A3AA;
}

h2
{
    margin:0px;
    padding:0px;
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin:0px;
    padding:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    color:#D11E00;/*#FF711B;*/
    /*
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    */
}

h1
{
    margin:0px;
    padding:0px;
    font-family:"Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin:0px;
    padding:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    color:#D11E00;/*#FF711B;*/
    /*
    display: block;
    font-size: 6em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
*/
}

h4
{
    color:#D11E00;;
}

.boton
{
    border:1px solid #999999;
    background-color:#F1F1F1;
    background:-moz-linear-gradient(top,  #F1F1F1 0%, silver 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,silver)); 
    background:-webkit-linear-gradient(top,  #F1F1F1 0%,silver 100%); 
    background:-o-linear-gradient(top, #F1F1F1 0%,silver 100%); 
    background:-ms-linear-gradient(top, #F1F1F1 0%,silver 100%); 
    background:linear-gradient(top,  #F1F1F1 0%,silver 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F1F1', endColorstr='silver',GradientType=0 );
    text-decoration: none;
    font-family:Helvetica, Arial, sans-serif;
    color:#818179;
    font-weight:bold;
    padding: 2px 5px 2px 5px;
    height:22px;
}

.boton:hover
{
    border:1px solid #999999;
    background-color:#F3F3F3;
    text-decoration: none;
    font-family:Helvetica, Arial, sans-serif;
    color:#333333;
    font-weight:bold;
}

.boton:active
{
    border:1px solid #444444;
    background-color:#F3F3F3;
    text-decoration: none;
    font-family:Helvetica, Arial, sans-serif;
    color:#333333;
    font-weight:bold;
}

.btnFace
{
    background-image:url('../Imgs/FaceBook.png');
    background-color:transparent;
    border: 0 none;
    width:24px;
    height:24px;
    cursor:pointer;
}

.content_box_sin {
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.content_box {
	padding-bottom: 30px;
	margin-bottom: 30px;
	background: url(../Images/horizontal_divider.jpg) center bottom no-repeat;
}

/*Up Scroll*/
#scroll-up {
	display:none;
	width:40px;
	height:40px;
	position:fixed;
	top:10px;
	right:10px;
	opacity: 0.5;
	cursor:pointer;
	background:transparent url(../Imgs/arrowtop.png) top left no-repeat;
}
#scroll-up:hover {opacity: 0.7;}
/*Fin Up Scroll*/

.licencia
{
	width:150px;
	height:150px;
	background-image:url(../Imgs/licencia.png);
}

.pnlPrint
{
	padding: 5 5 5 5;
}

.promonavidad
{
    width:647px;
    height:453px;
    background-image:url('../Imgs/promo_navidad.png');
    background-repeat:no-repeat;
}

.divCenter
{
    margin:10px auto 10px auto;
}

canvas {
	display:block;
	position:absolute;
}